<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>图片集锦</title>
    <link rel="shortcut icon" href="../static/images/bitbug_favicon.ico" />
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>
    <link href="../static/css/style.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
<div id="page-content">

    <div class="container-fluid">
        <div class="">
            <div class="col-lg-12 col-sm-12">
                <a class="portfolio-box" href="">
                    <img src="http://img.cdn.brobball.top/15639613612585" class="img-responsive"/>
                    <div class="portfolio-box-caption">
                        <div class="portfolio-box-caption-content">
                            <div class="project-name">
                                <h5>SPUPER STAR</h5>
                            </div>
                            <div class="project-post-count">
                                NBA
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <section class="box-content">
                <div class="column" th:each="item,itemStat : ${pictureList}">
                    <div class="col-lg-4 col-sm-6">
                        <a class="portfolio-box" href="javascript:void(0);">
                            <img th:src="${item.picUrl}" class="img-responsive" style="height: 242px;"/>
                            <div class="portfolio-box-caption">
                                <div class="portfolio-box-caption-content">
                                    <!--                                    <div class="project-name">-->
                                    <!--                                        <h5>Bracelets</h5>-->
                                    <!--                                    </div>-->
                                    <div class="project-post-count">
                                        <td th:text="${#dates.format(item.createTime,'yyyy-MM-dd dd:mm:ss')}"></td>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
            <div class="column" th:each="item,itemStat : ${videoList}">
                <div class="col-lg-4 col-sm-6">
                    <video controls="controls" th:src="${item.videoUrlPlay}" style="height: 242px;">
                    </video>
                    <div class="portfolio-box-caption">
                        <div class="portfolio-box-caption-content">
                            <div class="project-name">
                                <h6 th:text="${item.videoName}"></h6>
                                <td>播放量：<span th:text="${item.visitCount}" ></span></td>
<!--                                <td>上传时间：<span th:text="${#dates.format(item.createTime,'yyyy-MM-dd dd:mm:ss')}"></span></td>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>